<template>
  <div class="no4" @click="fun()">
      <h4>
          个人中心
      </h4>
      <div class="geren">
          <div>
              <span class="iconfont icon-like"></span>
              <p>我的日记</p>
          </div>
          <div>
              <span class="iconfont icon-gift"></span>
              <p>我的钱包</p>
          </div>
          <div>
              <span class="iconfont icon-emotion"></span>
              <p>我的优惠券</p>
          </div>
          <div>
              <span class="iconfont icon-chat"></span>
              <p>我的订单</p>
          </div>
          <div>
              <span class="iconfont icon-wine"></span>
              <p>我的礼品</p>
          </div>
      </div>
  </div>
</template>

<script>
export default {
    methods:{
        fun(){
            this.$router.push("/myzc")
        }
    }
}
</script>

<style scoped>
   .no4{
       margin: .10rem .15rem;
       height: 1rem;
   }
   .geren{
       display: flex;
       align-items: center;
        text-align: center;
        justify-content:space-around;
        margin-top: .2rem;
   }
   span{
       font-size: .3rem;
   }
</style>